<template>
  <div class="base-a">
    我是A组件（接收方）
    <p>{{ msg }}</p>
  </div>
</template>
  
  <script>
import Bus from "../utils/EventBus";
export default {
  data() {
    return {
      msg: "你好",
    };
  },
  created() {
    // 2.在A组件（接收方），进行监听 Bus 的事件（订阅消息）
    Bus.$on('sendMsg',(msg)=>{
      // console.log(msg)
      this.msg = msg
    })
  }
};
</script>
  
  <style scoped>
.base-a {
  width: 200px;
  height: 200px;
  border: 3px solid #000;
  border-radius: 3px;
  margin: 10px;
}
</style>